<template>
	<div>
		<div class="zxs-header">
			<a href="javascript:history.go(-1)">
				<i class="iconfont">&#xe624;</i>
			</a>
			<span>{{mmm}}</span>
			<i class="iconfont" @click="tfshow=!tfshow">&#xe601;</i>
		</div>
		<div class="lf-footer" v-if="tfshow">
			<ul>
				<li>
					<router-link to="home">
						<img src="/static/img/s1.png" alt="">
					</router-link>
				</li>
				<li><a href="javascript:;"><img src="/static/img/s2.png" alt=""></a></li>
				<li>
					<router-link to="/car">
						<img src="/static/img/s3.png" alt="">
					</router-link>
				</li>
				<li>
					<router-link to="/mine">
						<img src="/static/img/s4.png" alt="">
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				tfshow : false
			}
		},
		props : ['mmm']

	}
</script>

<style scoped>
.zxs-header{
	background: rgb(229,56,59); 
	height: 1rem;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	line-height: 1rem;
	font-size: .5rem;
	display: flex;
	justify-content: space-between;
	padding: 0 .3rem;
	color: #fff;
	z-index: 10;
}
.zxs-header i{
	font-size: .5rem;
}
.zxs-header a i{
	color: #fff;

}
.lf-footer{
	/*margin-top: 1rem;*/
	position: fixed;
	z-index: 10;
	border-bottom: 1px solid #ccc;
}
.lf-footer img{
	width: 2.5rem;
	height: 1.4062rem;
}
.lf-footer>ul{
	height: 1.4062rem;
	display: flex;
}
</style>